<template>
	<sl-page :title="title" :openStatusbar="openStatusbar" :isDisplay="isDisplay" :safeBottom="safeBottom"
		:customClass="customClass" :navbarBackPage="navbarBackPage" :navbarFixed="navbarFixed" :navbarBack="navbarBack"
		:navbarBackgroundColor="navbarBackgroundColor" :navbarIsIconfont="navbarIsIconfont"
		:navbarBackImage="navbarBackImage" :navbarBackImageSize="navbarBackImageSize"
		:navbarBackImageColor="navbarBackImageColor">
		<block v-if="Object.keys(pageObject).length == 0 && isLoading">
			<sl-loading loadingdata="加载中..."></sl-loading>
		</block><!--  -->
		<block v-else-if="Object.keys(pageObject).length > 0 && !isLoading">
			<slot></slot>
		</block>
		<block v-else-if="Object.keys(pageObject).length == 0 && !isLoading">
			<sl-nodata nodata="无数据"></sl-nodata>
		</block>
	</sl-page>
</template>

<script>
	//导航栏组件，主要用于头部导航，依赖于uni-ui的uni-nav-bar（带安全区域封装）
	//@group 全局组件
	export default {
		//
		name: 'pageComplete',
		//
		props: {
			//页面对象
			pageObject: {
				type: Object,
				default () {
					return {};
				}
			},
			//是否加载中
			isLoading: {
				type: Boolean,
				default: true,
			},
			// 是否显示状态栏
			openStatusbar: {
				type: Boolean,
				default: false,
			},
			//是否显示导航栏组件
			isDisplay: {
				type: Boolean,
				default: true,
			},
			//是否开启底部安全区域，默认开启
			safeBottom: {
				type: Boolean,
				default: true,
			},
			//自定义sl-page页面样式
			customClass: {
				type: [Array, String],
			},
			//自定义点击返回按钮后的返回页面，默认返回上一级
			navbarBackPage: {
				type: String,
				default: 'navigate:back',
			},
			//导航栏标题，sl-navbar组件属性
			title: {
				type: String,
				default: ''
			},
			//是否固定顶部，sl-navbar组件属性，默认固定
			navbarFixed: {
				type: Boolean,
				default: true,
			},
			//是否使用返回，sl-navbar组件属性，默认使用
			navbarBack: {
				type: Boolean,
				default: true,
			},
			//导航栏背景色，sl-navbar组件属性，默认白色
			navbarBackgroundColor: {
				type: String,
				default: 'transparent'
			},
			//导航栏是否使用阿里图标库，sl-navbar组件属性，默认不适用
			navbarIsIconfont: {
				type: Boolean,
				default: false
			},
			//导航栏自定义返回图标，只支持阿里图标库，传名字即可，sl-navbar组件属性，默认left，只有在navbarIsIconfont等于true时有效
			navbarBackImage: {
				type: String,
				default: 'left'
			},
			//导航栏自定义返回图标大小，只支持阿里图标库，传大小即可，sl-navbar组件属性，默认18，只有在navbarIsIconfont等于true时有效
			navbarBackImageSize: {
				type: [String, Number],
				default: 18
			},
			//导航栏自定义返回图标颜色，只支持阿里图标库，传颜色值16进制即可，sl-navbar组件属性，默认#666，只有在navbarIsIconfont等于true时有效
			navbarBackImageColor: {
				type: String,
				default: '#666'
			},
		}
	}
</script>
<style lang="scss" scoped>
</style>